<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:body>
        <ui:composition template="./../plantillas/plantillaBase.xhtml">
            <ui:define name="titulo">
                Generar Estadísticas
            </ui:define>
            <ui:define name="contenido">
                <h:form>
                    <p:dataTable id="statisticTable" value="#{managerCrearEstadisticas.filtro}" var="filtro" paginator="true" rows="10" selection="#{managerCrearEstadisticas.selectedRow}" selectionMode="single" onRowSelectUpdate="display" onRowSelectComplete="infoExpe.show()">
                        <f:facet name="header">Parametros de filtrado de busqueda</f:facet>
                        <p:column sortBy="#{filtro.numeroExpediente}" filterBy="#{filtro.numeroExpediente}">
                            <f:facet name="header">
                                <h:outputText value="Expediente" />
                            </f:facet>
                            <h:outputText value="#{filtro.numeroExpediente}"/>
                        </p:column>
                        <p:column sortBy="#{filtro.inmueble}" filterBy="#{filtro.inmueble}">
                            <f:facet name="header">
                                <h:outputText value="Inmueble" />
                            </f:facet>
                            <h:outputText value="#{filtro.inmueble}" />
                        </p:column>
                        <p:column sortBy="#{filtro.departamento}" filterBy="#{filtro.departamento}">
                            <f:facet name="header">
                                <h:outputText value="Depto." />
                            </f:facet>
                            <h:outputText value="#{filtro.departamento}" />
                        </p:column>
                        <p:column sortBy="#{filtro.municipio}" filterBy="#{filtro.municipio}">
                            <f:facet name="header">
                                <h:outputText value="Municipio" />
                            </f:facet>
                            <h:outputText value="#{filtro.municipio}" />
                        </p:column>
                        <p:column sortBy="#{filtro.estado}" filterBy="#{filtro.estado}">
                            <f:facet name="header">
                                <h:outputText value="Estado" />
                            </f:facet>
                            <h:outputText value="#{filtro.estado}" />
                        </p:column>
                        <p:column sortBy="#{filtro.tecnico}" filterBy="#{filtro.tecnico}">
                            <f:facet name="header">
                                <h:outputText value="Técnico" />
                            </f:facet>
                            <h:outputText value="#{filtro.tecnico}" />
                        </p:column>
                        <p:column sortBy="#{filtro.fechaTerminacion}" filterBy="#{filtro.fechaTerminacion}">
                            <f:facet name="header">
                                <h:outputText value="Fecha final." />
                            </f:facet>
                            <h:outputText value="#{filtro.fechaTerminacion}" />
                        </p:column>
                    </p:dataTable>
                    <p:dialog header="Información expediente" widgetVar="infoExpe" resizable="false" width="200" showEffect="explode" hideEffect="explode">
                        <h:panelGrid id="display" columns="2" cellpadding="4">
                            <h:outputLabel value="Expediente:" />
                            <h:outputText value="#{managerCrearEstadisticas.selectedRow.numeroExpediente}" />
                            <h:outputLabel value="Inmueble:" />
                            <h:outputText value="#{managerCrearEstadisticas.selectedRow.inmueble}" />
                            <h:outputLabel value="Departamento:" />
                            <h:outputText value="#{managerCrearEstadisticas.selectedRow.departamento}" />
                            <h:outputLabel value="Municipio:" />
                            <h:outputText value="#{managerCrearEstadisticas.selectedRow.municipio}" />
                        </h:panelGrid>
                    </p:dialog>
                    <br/>
                    <p:panel header="Exportar información" style="width: 200px;">
                        <h:commandLink>
                            <p:graphicImage value="http://lh6.ggpht.com/_F4mqhEC2rU4/TQHI0aYbX4I/AAAAAAAAAEM/-XioyLHQUy4/Excel_48.png"/>
                            <p:dataExporter type="xls" target="statisticTable" fileName="estadisticas" />
                        </h:commandLink>
                        <h:commandLink>
                            <p:graphicImage value="http://lh5.ggpht.com/_F4mqhEC2rU4/TQHJGzp83tI/AAAAAAAAAEQ/HhHUswa6M28/Pdf-48.png"/>
                            <p:dataExporter type="pdf" target="statisticTable" fileName="estadisticas" />
                        </h:commandLink>
                    </p:panel>
                    <br/>
                    <p:fieldset id="filters" legend="Generación de gráficas">
                        <h:panelGrid columns="4" cellspacing="8" width="100%">
                            <h:outputLabel value="Departamento: "/>
                            <h:selectOneMenu id="deptoFilter" value="#{managerCrearEstadisticas.departamentoSeleccionadoFilter}">
                                <f:ajax event="change" execute="filters" render="filters" listener="#{managerCrearEstadisticas.regenerateChart}"/>
                                <f:selectItems value="#{managerCrearEstadisticas.catalgoEstadisticas.listaDeptos}"/>
                            </h:selectOneMenu>
                            <h:outputLabel value="Municipios: " binding="#{managerCrearEstadisticas.municipioLabelEnable}"/>
                            <h:selectOneMenu id="muniFilter" value="#{managerCrearEstadisticas.municipioSeleccionadoFilter}" binding="#{managerCrearEstadisticas.municipioEnable}">
                                <f:selectItems value="#{managerCrearEstadisticas.listaMunicipios}"/>
                            </h:selectOneMenu>
                            <h:outputLabel value="Estado: "/>
                            <h:selectOneMenu id="estadoFilter" value="#{managerCrearEstadisticas.estadoSeleccionadoFilter}">
                                <f:selectItems value="#{managerCrearEstadisticas.catalgoEstadisticas.listaEstadoExpediente}"/>
                            </h:selectOneMenu>
                            <h:outputLabel value="Técnico: "/>
                            <h:selectOneMenu id="tecnicoFilter" value="#{managerCrearEstadisticas.tecnicoSeleccionadoFilter}">
                                <f:selectItems value="#{managerCrearEstadisticas.catalgoEstadisticas.listaTecnicos}"/>
                            </h:selectOneMenu>
                        </h:panelGrid>
                    </p:fieldset>
                    <br/>
                   
<!--                    <p:commandButton image="ui-icon ui-icon-check" value="Generar" action="#" process="@this filters"/>-->
                    <div align="center">
                        <p:pieChart id="chart1" value="#{managerCrearEstadisticas.ejes}" var="item" categoryField="#{item.nombreEje}" dataField="#{item.valorSerie}"/>
                    </div>
                    <br/>
                    <p:commandButton image="ui-icon ui-icon-cancel" value="Cancelar" action="salida" process="@this"/>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
